import { useEffect, useState } from "react";
// 所有hooks函数都是以use开头
function App() {
    // 1. componentDidMount
    // 2. componentDidUpdate
    // 3. componentWillUnMount

    // 第四种用法
    // 第一参数传函数并且返回值也是函数，第二个参数传空数组
    // 返回值的函数等同于componentWillUnMount;
    useEffect(() => {
        console.log("我是加载执行"); // componentDidMount
        return () => {
            console.log("我是卸载执行"); //componentWillUnMount
        };
    }, []);

    return <div>我是子组件</div>;
}
export default function AppFather() {
    const [show, setShow] = useState(true);
    return (
        <div>
            {show ? <App></App> : null}
            <button
                onClick={() => {
                    setShow(!show);
                }}>
                子组件显示隐藏
            </button>
        </div>
    );
}
